<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!--<script type="text/javascript" src="web/js/function.js"></script>-->
</head>

    <script type="text/javascript">
   
    
    $(document).ready(function(){
        $("#btnPericia").click(function(){
        setPericia($("#nomePericia"), $("#pontos"));    
            
            
        });    
        
        
    });

function setPericia(nomePericia, pontos){
    if(pontos.val() == ""){
        alert("Informe os pontos!"); //Exibe um alerta 
		pontos.focus(); //Adiciona foco ao campo com id='login'
		return; //retorna nulo
    }else{
        //Adicionamos um texto na DIV #resultado para alertar o usuário que o sistema está autenticando os dados
		$("#resultado").html("pontuando...");
		
		/**Função ajax nativa da jQuery, onde passamos como parâmetro o endereço do arquivo que queremos chamar, os dados que irá receber, e criamos de forma encadeada a função que irá armazenar o que foi retornado pelo servidor, para poder se trabalhar com o mesmo */
		$.post("classesC/PersonagemControle.php?acao=pericia", {nomePericia: nomePericia.val(), pontos: pontos.val()}, 
			function(retorno){
				
				//Insere na DIV #resultado o que foi retornado pelas classes de manipulação do Usuário (Se os dados estão corretos ou não)
				$("#resultado").html(retorno);
				
			} //function(retorno)
		); //$.post()
    }
        
}

      

    </script>



<body>
<form method="post" action="classesC/PersonagemControle.php" >
  <!-- XP:  <input type="text" name="xp" /> -->
  Pt Pericia <input type="text" name="pontos" id="pontos" />
  <input type="hidden" name="nomePericia" id="nomePericia" value="alquimia" />
  <button type="button" name="btnPericia" id="btnPericia" >set</button>
  <div id="resultado">
      
  </div>
</form>
</body>
</html>